.login-bg{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background-color: #ffffff;
}


.login-lantern-img{
    position: relative;
    top: 0;
    right: -111px;
}

.rember_psw_div{
	position: relative;
	left:14%;
	top:30%;
	float: left;
	display: inline;
	width: 240px;
}

.form-login {
	margin: 0 auto;
	width: 440px;
	height: 384px;
	background-color: #fff;
	padding: 20px 30px;
	text-align: center;
}



/* .form-ehomelogin {
	margin: 0 auto;
	width: 480px;
	background-color: #fff;
	padding: 20px 30px;
	text-align: center;
} */
.form-control-login {
	height: 38px;
	line-height: 16px;
	background-color: #FFF;
	border-radius: 5px;
	padding-left: 33px;
    border: 1px solid #929cb8;
    font-size: 14px;
    color:#999999;
}

.form-control-login:focus{
    border-color: #929cb8;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

.form-title {
	margin-top: 60px;
	margin-bottom: 30px;
}
.btn-login {
    height: 41px;
    border-radius: 6px;
    background-image: url("../images/login/login_icon_button.png");
    background-repeat: no-repeat;
    background-position: -2px -2px;
    width: 305px;;
}



.btn-login:active,
.btn-login:hover,
.btn-login:focus{
    background-image: url("../images/login/login_icon_button_p.png");
}

.btn-login:focus,.btn-login:focus:active{
    outline: none;
}

.img-deer {
	position: absolute;
	top: 310px;
	right: 240px;
}
/* .avatar-login {
	height: 114px;
	width: 114px;
	margin-bottom: 20px;
} */
.login-brand {
	text-align: center;
	margin-bottom: 10px;
	height: 50px; 
	line-height: 50px; 
	margin: 0 200px;
}
.login-center {
	height: 375px;
	width: 100%;
	background: url(../images/login/login_banner_v1.png) center top no-repeat;
	clear: both;
}
.login-center-inner {
    height: 100%;
    width: 100%;
    padding-right: 18%;
    padding-bottom: 67px;
}
.login-div-translucent{
	height: 100%;
	width: 362px;
	background-color:rgba(255, 255, 255,0.3);;
}
.login-div-content{
    width: 362px;
    text-align: center;
    position: relative;
    top: -252px;
    padding: 0px 28px;
}

.verifyInput{
	padding-left: 15px;
    margin-bottom: 20px;
    display: inline-block;
    width:204px;
}

.verifyInput:focus{
    border-color: #fadf49;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

.position-login{
	position: relative;
}

.verifycode-image{
	width: 108px;
	position: absolute;
    left: 208px;
    top: 2px;
    height: 35px;
}

.info-table{
	min-height:300px;
}
.info-table tr{
	height: 80px;
}
.info-table img{
	margin-right: 8px;
}
.info-f1 {
	margin-bottom: 6px;
}
.info-f2 {
	font-size: 12px;
	font-family:  宋体;
	color: #5c5c5c;
}

.info-f1, .login-f-black {
    font-size: 18px;
    font-family: 黑体;
    color: #000;
}

.form-control{
	/*border: 1px solid #909DBA;*/
}
.login-bottom{
	height: 48px;
	width: 100%;
	line-height: 48px;
	background-color: #138afe;
	color: #ffffff;
	font-size: 12px;
	font-family:  宋体;
	position: fixed;
	bottom:0;
}

.qrcode-backdrop {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.app-download{
    float: right;
    margin-top: 9px;
	cursor: pointer;
}

.qrcode-modal {
	display: block;
	opacity: 1;
}

.qrcode {
	position: absolute;
	left: 50%;
	margin-left: -276px;
	top: -50%;
	margin-top: -185px;
	z-index: 1050;
	transition: top 0.3s linear;
}

.qrcode.in {
	top: 50%;
}

.usernameInput{
    background-image: url("../images/login/login_icon_admin.png");
    background-repeat: no-repeat;
    background-position: 7px 6px;
    margin-bottom: 20px;
}

.passwordInput{
    background-image: url("../images/login/login_icon_cipher.png");
    background-repeat: no-repeat;
    background-position: 7px 6px;
    margin-bottom: 20px;
}


/* ===========================�绰����CSS=================================== */

::-webkit-input-placeholder { color:#b2aaa4;padding-left: 6px; }
::-moz-placeholder { color:#b2aaa4; padding-left: 6px; } /* firefox 19+ */
:-ms-input-placeholder { color:#b2aaa4;padding-left: 6px;  } /* ie */
input:-moz-placeholder { color:#b2aaa4; padding-left: 6px; }


.div_login_bg_new{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position:center; 
	background-repeat:no-repeat; 
	background-size:cover; 
    background-image: url("../images/login_bg.png");
}

.login_btn_confirm:active,
.login_btn_confirm:hover,
.login_btn_confirm:focus{
background-image: url("../images/login_new_click.png");
cursor: pointer;
}

.login_btn_confirm:focus,.login_btn_confirm:focus:active{
    outline: none;
}

.div_out1{
	position: fixed;
	width: 88px;
	height: 89px;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1001;
}

.div_logo_bg{
	position: fixed;
	width: 88px;
	height: 89px;
	margin: auto;
    top: -330px;
    bottom:0;
    left: 0;
    right: 0;
    z-index:1001;
    background-repeat:no-repeat; 
    background-position:center; 
    background-image: url("../images/logo1.jpg");
}


.div_out2{
	position: fixed;
	width: 400px;
	height: 89px;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1000;
}

.div_logo_name{
	position: fixed;
	width: 400px;
	height: 89px;
    margin: auto;
    font-size:32px;
	color:#ffffff;
    text-align:center;
    top: -100px;
    bottom:0;
    left: 0;
    right: 0;
    z-index:-1000;
}

.div_out4{
	position: fixed;
	width: 13px;
	height: 13px;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1001;
}

.remember_pass{
	position: fixed;
	width: 13px;
	height: 13px;
    margin: auto;
    text-align:center;
    top: 93px;
    bottom:0;
    left: 0;
    right: 376px;
    z-index:1009;
}

.remember_pass_select{
	position: fixed;
	width: 13px;
	height: 13px;
    margin: auto;
    top: 100px;
    bottom:0;
    left: 0;
    right: 376px;
    z-index:1009;
    background-repeat:no-repeat; 
    background-position:center; 
    background-image: url("../images/remember_pass.png");
}


.remember_pass_desc{
	position: fixed;
	width: 100px;
	height: 89px;
    margin: auto;
    font-size:12px;
	color:#ffffff;
    text-align:center;
    top: 172px;
    bottom:0;
    left: 0;
    right: 300px;
    z-index:-1001;
}

.errorMessage_desc{
	position: fixed;
	width: 400px;
	height: 89px;
    margin: auto;
    font-size:12px;
	color:#ffffff;
    text-align:center;
    top: 172px;
    bottom:0;
    left: 0;
    right: 110px;
    z-index:-1001;
}

.div_out3 {
	position: fixed;
	width: 412px;
	height: 66px;
	float:left;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1001;
}

.div_input_bg{
	position: fixed;
	width: 412px;
	height: 66px;
	margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index:1001;
    background-repeat:no-repeat; 
    background-position:center; 
    background-image: url("../images/input_bg.png");
}



.input_text_name{
	position: relative;
	width: 192px;
	height: 40px;
    top: 13px;
    left: 10px;
    right: 0;
    bottom: 13px;
    float:left;
    background-repeat:no-repeat;
    z-index:1001;
    background-image: url("../images/input.png");
}


.input_name {
	height: 37px;
	width:188px;
	position: relative;
	margin: auto;
	padding-left:2px;
    top: 1px;
    left: 1px;
    right: 0;
    bottom: 0;
    z-index:1001;
	background-color:#f5f6f8;
	border-style: none;
}

.input_text_pass{
	position: relative;
	width: 192px;
	height: 40px;
    top: 13px;
    left: 20px;
    display:inline-block;
    right: 0;
    bottom: 13px;
    background-repeat:no-repeat;
    z-index:1001;
    background-image: url("../images/input.png");
}

.input_password{
	height: 37px;
	width:188px;
	position: relative;
	margin: auto;
	z-index:1001;
	padding-left:2px;
    top: 1px;
    left: 1px;
    right: 0;
    bottom: 0;
	background-color:#f5f6f8;
	border-style: none;
}

.login_btn_confirm{
	position: relative;
	width: 58px;
	height: 50px;
    top: 8px;
    left: 410px;
    display:inline-block;
    right: 0;
    bottom: 8px;
    background-repeat:no-repeat;
    z-index:1001;
    background-image: url("../images/login_new.png");
}


.bottom_desc{
	position: fixed;
	left:0px;
	right:0px;
	bottom: 16px;
	color: #ffffff;
	text-align: center;
	width:100%;
	z-indent:1000;
}
